<template>
  <main class="paper" ref="vantaRef">
    <!-- 添加过渡动画-->
    <transition name="fade" mode="out-in" appear>
        <!-- 动态组件切换，登录和注册 -->
        <component class="login-component" :is="status" ref="status" Key="status" @status="changeRegister"></component>
    </transition>
    <h4 class="copy-right">--- 2022@病历管理系统 | CopyRight@太阳当空丶赵 ---
    </h4>
  </main>
</template>

<script>
import login from '@/components/user/Login'
import register from '@/components/user/Register'
export default {
  data() {
    return {
      status: 'login',
    }
  },
  components: {login, register},
  methods: {
    changeRegister(option) {
      this.status = option;
    }
  }

}
</script>
